<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 首页 -->
    <title>深圳大学计算机软件学院</title>
</head>

<body>

    <!-- 页眉 -->
    <header>
        <a href="">
            <!-- header左上图片 -->
            <img src="./images/SZU-logo.svg" alt="">
            <img src="./images/logo_collage.svg" alt="">
        </a>
        <p>深圳大学计算机软件学院</p>
        <p>College of Computer Science and Software Engineering, SZU</p>

        <!-- header导航栏 -->
        <nav>
            <a href="#">
                <img src="./images/school_logo copy.svg" alt="">
                深圳大学
            </a>
            <a href="#">
                <img src="./images/lobby-icon.png" alt="">
                办事大厅
            </a>
            <a href="#">
                <img src="./images/OA-icon.png" alt="">
                OA
            </a>
            <a href="#">
                <img src="./images/link-icon.svg" alt="">
                会议室预订
            </a>
            <a href="#">
                <img src="./images/lang-icon.png" alt="">
                English
            </a>
            <img src="./images/search-icon.svg" alt="">
        </nav>

        <!-- 导航栏 -->
        <nav>
            <a href="#">首页</a>
            <p>学院概况</p>
            <ul>
                <li><a href="#">学院简介</a></li>
                <li><a href="#">院长寄语</a></li>
                <li><a href="#">发展沿革</a></li>
                <li><a href="#">现任领导</a></li>
                <li><a href="#">学院标识</a></li>
            </ul>
            <p>机构设置</p>
            <ul>
                <li>
                    <a href="#">研究所/中心</a>
                    <ul>
                        <li><a href="#">高性能计算研究所</a></li>
                        <li><a href="#">大数据技术与应用研究所</a></li>
                        <li><a href="#">未来媒体技术与计算研究所</a></li>
                        <li><a href="#">网络与信息安全研究所</a></li>
                        <li><a href="#">计算机视觉研究所</a></li>
                        <li><a href="#">可视计算研究中心</a></li>
                        <li><a href="#">智能服务计算研究中心</a></li>
                        <li><a href="#">智能技术与系统集成研究所</a></li>
                        <li><a href="#">软件工程研究中心</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">教学系</a>
                    <ul>
                        <li><a href="#">计算机科学与技术系</a></li>
                        <li><a href="#">软件工程系</a></li>
                        <li><a href="#">人工智能系</a></li>
                    </ul>
                </li>
                <li><a href="#">行政办公室</a></li>
                <li><a href="#">实验中心</a></li>
                <li><a href="#">期刊编辑部</a></li>
                <li><a href="#">国家工程实验室</a></li>
            </ul>
            <p>师资队伍</p>
            <ul>
                <li><a href="#">高层次人才</a></li>
                <li><a href="#">教授</a></li>
                <li><a href="#">副教授</a></li>
                <li><a href="#">讲师</a></li>
                <li><a href="#">助理教授</a></li>
                <li><a href="#">专职研究人员</a></li>
                <li><a href="#">博士后</a></li>
            </ul>
            <a href="#">科研成果</a>
            <p>精品课程</p>
            <ul>
                <li><a href="#">计算机前沿技术2024</a></li>
                <li><a href="#">计算机前沿技术2023</a></li>
                <li><a href="#">计算机前沿技术2022</a></li>
            </ul>
            <p>招生招聘</p>
            <ul>
                <li><a href="#">计软学子</a></li>
                <li><a href="#">本科招生</a></li>
                <li><a href="#">硕士招生</a></li>
                <li><a href="#">博士招生</a></li>
                <li><a href="#">成考招生</a></li>
                <li><a href="#">自考招生</a></li>
                <li><a href="#">人才招聘</a></li>
            </ul>
            <p>国际合作</p>
            <ul>
                <li><a href="#">合作伙伴</a></li>
                <li><a href="#">联合培养</a></li>
                <li><a href="#">科研合作</a></li>
                <li><a href="#">学术交流</a></li>
            </ul>
            <p>新闻公告</p>
            <p>党群工作</p>
            <ul>
                <li><a href="#">组织概况</a></li>
                <li><a href="#">规章制度</a></li>
                <li><a href="#">党建活动</a></li>
                <li><a href="#">学“习”园地</a></li>
            </ul>
        </nav>
    </header>

    <!-- 主体部分 -->
    <main>

        <!-- 顶部大图片 -->
        <ul>
            <li>
                <a href="#">
                    <img src="./images/1646122245_index5_05.png" alt="">
                    <p>打破壁垒 高速迭代 不断拓展 无限延伸</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/1701488909_2023banner.jpg" alt="">
                    <p>心存高远 意守平常 终成千里</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/1701514512_banner2023-一流学科.jpg" alt="">
                    <p>不啻微芒 造炬成阳 奋楫笃行 臻于至善</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/1708949545_banner2023-famliy.jpg" alt="">
                    <p>Live well, Love lots, Laugh often.</p>
                </a>
            </li>
        </ul>

        <!-- 新闻报道 -->
        <section>
            <h2>新闻报道</h2>
            <a href="#">
                更多新闻
                <img src="./images/right.png" alt="">
            </a>
            <ul>
                <li>
                    <a href="https://mp.weixin.qq.com/s/BxB1wD798euL2QLTdBzmNw">
                        <img src="./images/img_172734323673645_.jpg" alt="">
                        <p>25</p>
                        <p>SEP</p>
                        <p>喜报 | 我院多位学者入选全球前2%顶尖科学家榜单！（2024版）</p>
                    </a>
                </li>
                <li>
                    <a href="https://mp.weixin.qq.com/s/jDcuKDFb_2mz3LgL6U4h1A">
                        <img src="./images/img_172620715682791_.jpg" alt="">
                        <p>13</p>
                        <p>SEP</p>
                        <p>喜报 | 我院可视计算研究中心师生党支部被确定为“广东行”专项行动建设单位</p>
                    </a>
                </li>
            </ul>
        </section>


        <!-- 通知公告 -->
        <section>
            <h2>通知公告</h2>
            <a href="https://csse.szu.edu.cn/pages/news/index?type=5">
                更多公告
                <img src="./images/right.png" alt="">
            </a>
            <ul>
                <li>
                    <a href="https://csse.szu.edu.cn/pages/news/detalis?id=4107">
                        <p>17</p>
                        <p>Jul</p>
                        <p>第三届图像处理、计算机视觉与机器学习国际学术会议（ICICML 2024）会议通知</p>
                    </a>
                </li>
                <li>
                    <a href="https://mp.weixin.qq.com/s/7rW_UchL6MuUXCI4gstjSA">
                        <p>09</p>
                        <p>Jul</p>
                        <p>讲座 | From ChatGPT to ProcessGPT: GenAI for Process Management</p>
                    </a>
                </li>
                <li>
                    <a href="https://mp.weixin.qq.com/s/2DgjDKmdyLAYeN1sDiMyWQ">
                        <p>19</p>
                        <p>Jun</p>
                        <p>讲座 | Learning from Biased and Selfish Human</p>
                    </a>
                </li>
            </ul>
        </section>

        <!-- 科研成果 -->
        <!-- 左边 -->
        <section>
            <img src="./images/research_bg_m.png" alt="">
            <img src="./images/ellipse_left.png" alt="">
            <img src="./images/ellipse_right.png" alt="">
            <img src="./images/ellipse_right.png" alt="">
            <p>深圳大学计算机软件学院</p>
            <p>CSRankings 2009 - 2024</p>
            <p>全国位居前列</p>
            <a href="https://csrankings.org/#/fromyear/2009/toyear/2024/index?all&cn">
                了解 CSRankings
                <img src="./images/arrow-right.png" alt="">
            </a>
        </section>
        <!-- 右边 -->
        <section>
            <h3>科研成果</h3>
            <button>Pervious</button>
            <ul>
                <li>
                    <a href="#">
                        <img src="./images/img_169717750252316_.jpg" alt="">
                        <p>UrbanBIS: a Large-scale Benchmark for Fine-grained Urban Buliding Instance Segmentation</p>
                        <p>ACM SIGGRAPH 2023</p>
                        <p>Guoqing Yang, Fuyou Xue, Qi Zhang, Ke Xie, Chi-Wing Fu, Hui Huang*</p>
                    </a>
                    <a href="#">
                        可视计算研究中心
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img_169665879169776_.jpg" alt="">
                    </a>
                    <a href="#">
                        可视计算研究中心
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img_16966588906009_.jpg" alt="">
                    </a>
                    <a href="#">
                        可视计算研究中心
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img_171170025763912_.jpg" alt="">
                    </a>
                    <a href="#">
                        可视计算研究中心
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img_171317060875162_.jpg" alt="">
                    </a>
                    <a href="#">
                        可视计算研究中心
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img_171323791118309_.jpg" alt="">
                    </a>
                    <a href="#">
                        可视计算研究中心
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img_171582289016292_.jpg" alt="">
                    </a>
                    <a href="#">
                        未来计算研究中心
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img_171591008717214_.jpg" alt="">
                    </a>
                    <a href="#">
                        可视计算研究中心
                    </a>
                </li>
            </ul>
            <button>Next</button>
            <a href="#">
                更多
                <img src="./images/right.png" alt="">
            </a>
        </section>

        <!-- 招生招聘 -->
        <!-- 左边图片 -->
        <section>
            <img src="./images/img1.png" alt="">
            <img src="./images/img2.png" alt="">
            <img src="./images/img3.png" alt="">
            <img src="./images/ellipse_left.png" alt="">
            <img src="./images/img5.png" alt="">
            <img src="./images/img6.png" alt="">
        </section>

        <!-- 右边 -->
        <section>
            <h3>招生招聘</h3>
            <ul>
                <li>
                    <a href="#">
                        <img src="./images/img7.png" alt="">
                        <p>计软学子</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img1 (1).png" alt="">
                        <p>本科招生</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img2 (1).png" alt="">
                        <p>硕士招生</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img3 (1).png" alt="">
                        <p>博士招生</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img5 (1).png" alt="">
                        <p>自考招生</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/img6 (1).png" alt="">
                        <p>人才招聘</p>
                    </a>
                </li>
            </ul>
        </section>


        <!-- 国际合作 -->
        <!-- 图片 -->
        <section>
            <img src="./images/internationality_bg.png" alt="">
            <img src="./images/ellipse_left.png" alt="">
            <img src="./images/ellipse_right.png" alt="">
            <img src="./images/ellipse_right.png" alt="">
            <img src="./images/sky.png" alt="">
        </section>
        <!-- “更多” -->
        <section>
            <h3>国际合作</h3>
            <img src="./images/1640741977_1636013639_nh_logo.png" alt="">
            <img src="./images/1640742146_1636015465_untitled@2x.png" alt="">
            <img src="./images/1640741928_1636013815_kfu_logo_en3@2x.png" alt="">
            <img src="./images/1640742018_1636013992_q_logo.png" alt="">
            <img src="./images/1640741882_1636014490_t_logo.png" alt="">
            <img src="./images/1640741991_1636014587_bu_logo.png" alt="">
            <img src="./images/1640741943_1636015193_logo_ru@2x.png" alt="">
            <img src="./images/1640741814_1636014640_aut_logo.png" alt="">
            <img src="./images/1642042693_kdf.png" alt="">
            <img src="./images/1640741957_1636015218_dsdp_logo.png" alt="">
            <img src="./images/1640742004_1636014850_s_log.png" alt="">
            <img src="./images/1642042507_nfl.png" alt="">
            <img src="./images/1640742055_1636014980_logo_tlu.png" alt="">
            <img src="./images/1640741911_1636015010_n_logo.png" alt="">
            <img src="./images/1640742087_1636015077_itu_crest_logo@2x.png" alt="">
            <img src="./images/map.png" alt="">
            <img src="" alt="">
            <a href="#">
                更多
                <img src="./images/right.png" alt="">
            </a>
        </section>

        <!-- 实力总览 -->
        <!-- 无图 -->
        <section>
            <ul>
                <li>
                    <p>18</p>
                    <p>软科</p>
                </li>
                <li>
                    <p>21</p>
                    <p>US News</p>
                </li>
                <li>
                    <p>19</p>
                    <p>CSRankings（2009-2024）</p>
                </li>
                <li>
                    <p>9</p>
                    <p>泰晤士</p>
                </li>
                <li>
                    <p>35</p>
                    <p>QS</p>
                </li>
                <li>
                    <p>0.533‰</p>
                    <p>ESI</p>
                </li>
            </ul>
        </section>

        <!-- 有图 -->
        <section>
            <ul>
                <li>
                    <img src="./images/28@2x.png" alt="">
                    <p>125</p>
                    <p>专职教师</p>
                </li>
                <li>
                    <img src="./images/24@2x.png" alt="">
                    <p>1580</p>
                    <p>本科生</p>
                </li>
                <li>
                    <img src="./images/20@2x.png" alt="">
                    <p>1166</p>
                    <p>研究生</p>
                </li>
                <li>
                    <img src="./images/28@2x.png" alt="">
                    <p>162</p>
                    <p>国家级项目</p>
                </li>
                <li>
                    <img src="./images/29@2x.png" alt="">
                    <p>5</p>
                    <p>国家级平台</p>
                </li>
                <li>
                    <img src="./images/27@2x.png" alt="">
                    <p>17</p>
                    <p>国家级人才</p>
                </li>
                <li>
                    <img src="./images/28@2x.png" alt="">
                    <p>20000</p>
                    <p>m²</p>
                    <p>学院面积</p>
                </li>
                <li>
                    <img src="./images/26@2x.png" alt="">
                    <p>4</p>
                    <p>亿</p>
                    <p>设备总值</p>
                </li>
            </ul>
        </section>
    </main>

    <!-- 页脚 -->
    <footer>
        <!-- LIKES -->
        <section>
            <p>LIKES</p>
            <hr>
            <ul>
                <li>
                    <a href="#">
                        <img src="./images/footer_logo_school.svg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/BD.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <P>省实验室</P>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <p>实验中心</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/tencent-logo.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/huawei-logo.png" alt="">
                    </a>
                </li>
            </ul>
        </section>
        <!-- CONTACT us -->
        <section>
            <p>CONTACT US</p>
            <hr>
            <ul>
                <li>
                    <img src="./images/ress-icon.png" alt="">
                    <p>ADDRESS</p>
                    <address>
                        广东省深圳市南山区深圳大学沧海校区致腾楼计算机与软件学院
                        邮编518060</address>
                </li>
                <li>
                    <img src="./images/phone-icon.png" alt="">
                    <p>Tel & FAX</p>
                    <p>+86 0755 26534078</p>
                </li>
                <li>
                    <img src="./images/emali-icon.png" alt="">
                    <p>E-mali</p>
                    <p>csse@szu.edu.cn</p>
                </li>
            </ul>
        </section>
        <!-- SUBSCRIPTION TO WECHAT OFFICIAL ACCOUNTS -->
        <section>
            <p>SUBSCRIPTION TO WECHAT OFFICIAL ACCOUNTS</p>
            <hr>
            <ul>
                <li>
                    <p>CSSE</p>
                    <img src="./images/csse.png" alt="">
                    <p>计软公众号</p>
                </li>
                <li>
                    <p>SZU</p>
                    <img src="./images/szu.png" alt="">
                    <p>深圳大学</p>
                </li>
            </ul>
        </section>
        <!-- footer_bottom -->
        <section>
            <ul>
                <li>
                    <a href="#">粤ICP备11018045号</a>
                </li>
                <li>
                    <img src="./images/ga_img.png" alt="">
                    <a href="#">粤公网安备44030502007936号</a>
                </li>
                <li>
                    <p>Copyright © 2021 深圳大学 计算机与软件学院
                    </p>
                    <a href="#">深圳市电脑学会</a>
                </li>
            </ul>
            <!-- 返回顶部 -->
            <span>TOP</span>
        </section>
    </footer>
</body>

</html>